<div class="memo-item">
    <div class="memo-item-header">
        <p class="memo-item-title" [innerHTML]="memoItem.title"></p>
        <p class="memo-item-date">
            <ng-container>{{memoItem.date | date:'yyyy年MM月dd日'}}</ng-container>
            <ng-container *ngIf="memoItem.type==='person'">
                <ng-container *ngIf="memoItem.timeStart">
                    {{memoItem.timeStart | date: 'HH:mm'}}
                </ng-container>
                <span>-</span>
                <ng-container *ngIf="memoItem.timeEnd">
                    {{memoItem.timeEnd | date: 'HH:mm'}}
                </ng-container>
            </ng-container>
        </p>
    </div>
    <div class="content" [innerHTML]="memoItem.content"></div>
    <div class="delete-btn-wrapper" *ngIf="memoItem.type==='person'">
        <button nz-button nzType="danger" nz-popconfirm nzPopconfirmTitle="确认删除？"
            nzPopconfirmOverlayClassName="memo-item" (nzOnConfirm)="deleteItem()">删除</button>
    </div>
</div>